<template>
  <div class="header">
      <div class="container">
        <a href="" class="logo">
          <img src="../../static/images/logo.png" alt="">
        </a>
        <span class="logoText">七一云党建，企业级信息化党建服务提供商</span>
      </div>
      <div class="headerBg">
        <div class="container">
          <a href="" class="logo2">
            <img src="../../static/images/logo2.png" alt="">
          </a>
          <p class="headerText">
              <span class="headerTel">
                 联系方式：
                <!--<img src="../../static/images/phone.png" alt="">-->
               <a>15102724518</a>
              </span>
                <span class="headerEmail">
                   <!--<img src="../../static/images/email.png" alt="">-->
                <a href="">709464835@qq.com</a>
              </span>
          </p>
        </div>
      </div>
  </div>
</template>
<script>

</script>
<style lang="stylus" scoped>
  .header{
    height 230px
  }
  .header .container{
      height 75px
  }
  .header .logo{
      float left
    margin-top 20px

  }
  .header .logoText{
    font-size 16px
    color #7a7a7a
    line-height 75px
    float right
  }
  .headerBg{
    height 155px
    background #cd0401
  }
  .headerBg .headerText{
      float right
      font-size 16px
      color white
      width 529px
      font-size 0
      line-height 155px
  }
  .headerBg .headerText span{
    display inline-block
    width 50%
    font-size 16px
    vertical-align middle
    text-align center
  }
  .headerBg .logo2{
    margin-top 23px
    float left
  }
  .headerBg .headerText span img{
    display inline-block
    margin-top 3px
  }
  .headerBg .headerText span a{
    color white
    position relative
    padding-left 32px
  }

  .headerBg .headerText span a:before{
    position absolute
    content ""
    left 0
    top 0px
    background-position center
    background-repeat no-repeat
  }
  .headerBg .headerText .headerTel a{
    padding-left 25px
  }
  .headerBg .headerText .headerTel a:before{
      width 17px
      height 25px
      background-image url("../../static/images/phone.png")
      background-position 0px center
      top -5px

  }
  .headerBg .headerText .headerEmail a{
    padding-left 38px
  }
  .headerBg .headerText .headerEmail a:before{
    width 30px
    height 22px
    background-image url("../../static/images/email.png")
    top -5px
  }
</style>
